<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
    <title>TagCanvas jQuery example</title>
    <!--[if lt IE 9]><script type="text/javascript" src="/js/tag-cloud/excanvas.js"></script><![endif]-->
    <script src="/js/tag-cloud/tagcanvas.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        window.onload = function() {
            try {
                TagCanvas.Start('myCanvas','tags',{
                    textColour: 'black',
                    outlineColour: 'black',
                    outlineThickness: 1,
                    reverse: true,
                    depth: 0.8,
                    maxSpeed: 0.05
                });
            } catch(e) {
                // something went wrong, hide the canvas container
                document.getElementById('myCanvasContainer').style.display = 'none';
            }
        };
    </script>
</head>
<body>
<div id="myCanvasContainer">
    <canvas width="300" height="250" id="myCanvas">
        <p></p>
    </canvas>
</div>
<div id="tags">
    <ul>
        <s:iterator value="tagWordList" status="item">
            <li><a href="/ciku/<s:property value='urlKeyword.encodedKeyword'/>.html" target="_blank"><s:property value='urlKeyword.rawKeyword'/></a></li>
        </s:iterator>
    </ul>
</div>
</body>
</html>